<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    {js:jquery}
    {js:dialog}
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="{webroot:public/css/twitter-bootstrap/3.3.7/css/bootstrap.min.css}" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
</head>

<body>
<div class="container">
    <form>
        <table class='table'>
            <colgroup>
                <col width="170px" />
                <col />
            </colgroup>
            <tr>
                <td colspan="2">
                    1.手机推流下载易推流等APP[具体操作百度]<br/>
                    2.推流地址填入APP或者扫描推流二维码<br/>
                    3.自定义设置推流APP<br/>
                    4.开始直播<br/>
                    5.推流地址有过期时间,请尽快使用<br/>
                </td>
            </tr>
            <tr>
                <th>RTMP推流地址：</th>
                <td>{$RTMPPublishURL}</td>
            </tr>
            <tr>
                <th>RTMP推流二维码：</th>
                <td><div id="qrcode"></div></td>
            </tr>
            <tr>
                <th>直播地址：</th>
                <td><a href="{url:/site/live_show/seller_id/$seller_id}" target="_blank">查看</a> </td>
            </tr>
            <tr>
                <th>直播记录：</th>
                <td><a href="{url:/seller/stream_publish_list}">查看</a> </td>
            </tr>
        </table>
    </form>
</div>
</body>
<script>
    jQuery('#qrcode').qrcode({
        render: "canvas", //也可以替换为table
        width: 100,
        height: 100,
        text: "{$RTMPPublishURL}"
    });
</script>
</html>